<template>
	<view class="nav-body">
		<view class="title">
			<uni-nav-bar :title="'{{ title }}'" backgroundColor="null" :border="false" color="#FFFFFF" leftIcon="left"
				class="navBar" @clickLeft="gobackTo"></uni-nav-bar>
		</view>
	</view>
</template>

<script>
	export default {
		name: "live-detail",
		props: {
			title: {
				type: String,
				require: true
			}
		},
		data() {
			return {

			};
		},
		methods: {
			gobackTo() {
				uni.navigateBack({
					delta: 1, //返回层数，2则上上页
				})
			}
		}
	}
</script>

<style lang="scss">
	.nav-body {
		background: linear-gradient(270deg, #FF653D 0%, #FF8800 100%);
		width: 100%;
		height: 176rpx;
		position: fixed;
		z-index: 998;
		left: 0;
		top: 0;
		font-family: "思源黑体";
		text-align: center;

	}

	.title {
		padding: 0;
		color: #FFFFFF;
		font-size: 34rpx;
		margin-top: 92rpx;
	}
</style>
